<template>
  <div>
    <!-- page-count 每頁顯示個數 -->
    <my-list :data="myList" :page-count="5"></my-list>
  </div>
</template>

<script>
import MyList from "./components/MyList/index.vue";

export default {
  name: "App",
  components: {
    MyList,
  },
  data() {
    return {
      myList: [
        {
          id: 1,
          text: "Row 1",
        },
        {
          id: 2,
          text: "Row 2",
        },
        {
          id: 3,
          text: "Row 3",
        },
        {
          id: 4,
          text: "Row 4",
        },
        {
          id: 5,
          text: "Row 5",
        },
        {
          id: 6,
          text: "Row 6",
        },
        {
          id: 7,
          text: "Row 7",
        },
        {
          id: 8,
          text: "Row 8",
        },
        {
          id: 9,
          text: "Row 9",
        },
        {
          id: 10,
          text: "Row 10",
        },
        {
          id: 11,
          text: "Row 11",
        },
        {
          id: 12,
          text: "Row 12",
        },
        {
          id: 13,
          text: "Row 13",
        },
        {
          id: 14,
          text: "Row 14",
        },
        {
          id: 15,
          text: "Row 15",
        },
      ],
    };
  },
};
</script>
